
<!-- <link href="__PUBLIC__/Order/css/order.min.css?20130828" rel="stylesheet" type="text/css"> -->
<link href="__PUBLIC__/Order/css/myorder.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/Order/css/order_my.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/Home/css/goodsCollect.css" />
<script src="__PUBLIC__/Home/js/goodsCollect.js"></script>
<style>

h3{margin:0;padding:0;width: 210px;line-height: 30px;border: 1px solid #999;background-color: #F7F7F7;cursor: pointer;font-size:14px;font-weight:bold;}
#nav ul{width:212px;display: none;padding:0;margin:0;}
#nav ul li{width: 210px;height: 30px;line-height: 30px;padding: 0 20px;border: 1px solid #999;background-color:white;cursor: pointer;margin:0;}

.mydnew_break{
	width:1200px;

}
.wrapper{
	width:1200px;
}
.rightBox{
	float:left;
	margin-left:20px;
}
.leftmenu{
	width:230px;
	float: left;
	min-height: 300px;
	_height: 300px;
}
.footer{
	width:100%;
}
</style>
<div class="mydnew_break">您现在的位置：
	<a href="<{:U('index/index')}>">当当</a> &gt; 
	<span>我的订单</span> 
</div>
<div class="wrapper">
	<div id="leftmenu">    		
			<!--左侧菜单-->
			<div class="fl clearFix">
		<div id="nav" style="float:left;margin-top:20px;">
			<h3>我的交易<a href="javascript:void(0)" class="slide_down" ></a></h3>
			<ul>
				<li><a href="<{:U('order/index')}>" class="zi">我的订单</a></li>
			</ul>
			<h3>我的收藏<a href="javascript:void(0)" class="slide_down" ></a></a></h3>
			<ul>
				<li><a href="<{:U('index/goodsCollect',['show'=>'goodsCollect'])}>" class="zi collectGoodsA">商品收藏</a></li>
			</ul>
			<h3>个人中心<a href="javascript:void(0)" class="slide_down" ></a></h3>
			<ul>
				<li><a href="<{:U('personal/index')}>" class="zi">个人信息</a></li>
				<li><a href="<{:U('index/goodsCollect',['show'=>'address'])}>" class="zi buyaddressA">收货地址</a></li>
			</ul>
		</div>
	</div>
	
   <style type="text/css">
     /*设置弹出效果*/
.new_window{width:337px; border:solid 2px #447aa9; background-color:#f7fff8}
.wind_top{height:20px; padding:2px 2px 0 8px; background-color:#458bc9}
.wind_top .title_left{padding-top:2px; color:#fff; float:left}
.w_close{ float:right}
   </style>
		<div id="tag_box1" style="display:none;position:absolute; z-index:20000;"></div>
		<div id="callbackjs"></div>
    </div>
	<div class="rightBox">
	<!-- <div class="centersidebar" id="adDiv">
		<div class="ad" id="ad_cpt_12221">
			<a href="http://a.dangdang.com/tjump.php?q=dahpYfmXhEzfatzz0z2sSunhnAOnlMAdFebcf8on1wjnupzvEdAJACeoChT510AgTu7QJY92uOc1wFQ4s%2BQyav0bg%3D%3D" target="_blank" rel="nofollow">
				<img src="http://img62.ddimg.cn/2016/11/1/2016110120325380682.jpg">
			</a>
		</div>
	</div> -->
	<div class="centersidebar">
		<div class="myddorder_tab">
			<a name="myorders" class="current"><span>我的订单</span></a>
			
		</div>

		<div class="myddorder_search clearfix">
			<div class="myddorder_inquiry">
				<input id="searchKey" class="text gray" name="search" placeholder="商品名称、订单号、收货人姓名" type="text">
				<button id="b01" type="button" class="btn btn-primary">搜 索</button>
			</div>
		</div>
	
		<div id="order_list">
				<table class="order_list" cellspacing="0" cellpadding="0" border=1px>
					<thead>
						<tr class="order_list_title">
							<th class="row01">订单信息</th>
							<th class="row01">商品信息</th>
							<th class="row03">总价</th>
							<th class="row05" width="">
								<div class="select_div">
									<select id="o_time" style="z-index: 0;" onchange="javascript:showOrders(1,1);" autocomplete="off">
										<option value="1" selected="selected">30天以内</option>
										<option value="2">3个月以内</option>
										<option value="3">2016年</option>
										<option value="4">2015年</option>
										<option value="5">更早的订单</option>
									</select>
								</div>
							</th>
							<th class="row06" width="">
								<div class="select_div">
									<select id="ostatus" style="z-index: 0;" onchange="status(this,options[this.options.selectedIndex].value);" name="option">
										<option value="" s7elected="">全部状态</option>
										<option value="1">待付款</option>
										<option value="2">已付款</option>
										<option value="3">待确认收货</option>
										<option value="4">待评价</option>
										<option value="5">交易成功</option>
										<option value="6">交易失败</option>
									</select>
								</div>
							</th>
							<th class="row01" width="100">操作</th>
						</tr>
						<tbody id="tbody">
							<volist name="list" id="vo">
						<tr>
							<td>订单号:<{$vo.orderid}></td>
							<td>
								<img src="" alt=""/>
								名称:<a href=""><{$vo.goodsname}></a><br>
								店铺:<a href=""><{$vo.shopname}></a>
							</td>
							<td><{$vo.price}>.元</td>
							<td>日期</td>	
							<td><{$vo.name}></td>
							<td>
								<a href="">退款</a><br>
								<a href="">申请售后</a><br>
								<a href="">订单追踪</a><br>
								<a href="<{:U('order/orderdetail',array('id'=>$vo['orderid']))}>">查看详情</a>
								<a href="" style="display:none">提醒发货</a><br>
							</td>
						</tr>
					</volist>
						</tbody>
						
					</thead>
				</table>
		</div>
		<div class="order_none" style="display:none">
			<h4>很抱歉，没有找到相关的订单信息</h4>
				<p>
					您可以调整查找的时间范围、订单状态或使用其它关键字继续搜索或<a href="javascript:returnOrders(1,1);">返回30天以内的全部订单</a>
				</p>
		</div><br>
	</div>
	</div>
</div>
	<script>
    $(function(){
    $('#b01').click(function(){
    	alert('1');
function test(){
   $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:"__HOME__order/search",
            //提交的数据
            data:{search:$('#searchKey').val(),option:$("#ostatus").find(':selected').val()},
            //返回数据的格式
            datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".            
            success:function(data){
     			if(data!=0){
					$("#tbody").html(data);           
     			}else{
     				$('#tbody').html('没有该订单');
     			}
            } ,
        });
    }
    test();
    })
    })
</script>